<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN"> 
  <head> 
    <title>SVG范例</title> 
    <meta name="viewport"
            content="width=device-width, initial-scale=1.0" />
    <meta name="HandheldFriendly" content="true" />
  </head> 
  <body> 
    <s:svg xmlns:s="http://www.w3.org/2000/svg"
        width="200" height="200" viewBox="0 0 200 200"> 
 
	  <!-- 模式定义 --> 
	  <s:defs>    
          <s:radialGradient id="myFillGrad" r="100%"
                                spreadMethod="reflect"> 
             <s:stop offset="5%" stop-color="blue"
                       stop-opacity="0.5" /> 
             <s:stop offset="95%" stop-color="midnightblue" /> 
          </s:radialGradient> 
	  </s:defs> 
 
	  <!-- 定义背景 --> 
	  <s:rect x="0" y="0" width="100%" height="100%"
                fill="white" stroke="black" /> 
 
	  <!-- 画一个路径 --> 
	  <s:g> 
	    <s:path id="playButton" d="M50,50 Q-30,100 50,150 100,230 150,150 230,100 150,50 100,-30 50,50" stroke="darkblue" stroke-width="4" fill="url(#myFillGrad)"/> 
	  </s:g> 
    </s:svg> 
  </body> 
</html>
